<template>
  <header class="header d-flex jc-end ai-center">
    <mysearch v-model="showSearch" />

    <navbar />
    <div class="ml-5 iconfont icon-sousuo" @click="showSearch=true"></div>
  </header>
</template>

<script>
import navbar from './navbar'
import mysearch from '@/components/search'

export default {
  components: { navbar, mysearch },
  data () {
    return {
      showSearch: false
    }
  }
}
</script>

<style lang="scss" scoped>
.header {
  height: 5rem;
  padding: 0 5rem;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  z-index: 9;
  .iconfont {
    font-size: 1.5rem;
    cursor: pointer;
  }
}
</style>
